<template>
  <div>
    <van-nav-bar title="实物鉴定" left-arrow @click-left="onClickLeft" />
    <h3
      style="margin-top:1rem;font-size:0.4rem;margin-left:3.8rem;height:.4rem;font-weight:normal;margin-bottom:0.6rem"
    >实物鉴定流程</h3>
    <div style="padding:0 0.15rem;display:flex;justify-content: space-around;margin-bottom:.5rem">
      <div style=" display: flex;flex-direction: column;align-items: center;">
        <p style="border:1px solid black;width:.6rem;height:.8rem;margin-bottom:.2rem"></p>
        <p>发布图片</p>
      </div>
      <div style=" display: flex;flex-direction: column;align-items: center;">
        <p style="border:1px solid black;width:.6rem;height:.8rem;margin-bottom:.2rem"></p>
        <p>下单寄件</p>
      </div>
      <div style=" display: flex;flex-direction: column;align-items: center;">
        <p style="border:1px solid black;width:.6rem;height:.8rem;margin-bottom:.2rem"></p>
        <p>等待鉴定</p>
      </div>
      <div style=" display: flex;flex-direction: column;align-items: center;">
        <p style="border:1px solid black;width:.6rem;height:.8rem;margin-bottom:.2rem"></p>
        <p>鉴定完成</p>
      </div>
    </div>
    <hr />
    <div style="height:4rem">
      <p style="font-size:0.22rem">图片尽量完整</p>
      <div style="height:3rem;margin-bottom:0.2rem">
        <van-uploader v-model="fileList" multiple />
        <!-- <van-uploader :before-read="beforeRead" :preview-image="show" /> -->
      </div>
      <hr />
      <div style="margin:.2rem 0">
        <select style="height:1rem;width:100%">
          <option>种类</option>
          <option>皮具1</option>
          <option>皮具2</option>
          <option>皮具3</option>
          <option>皮具4</option>
        </select>
        <select style="height:1rem;width:100%">
          <option>品牌</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </div>
      <hr />
      <div style="height:1.5rem;width:100%">
        <router-link to="/adres" tag="p" style="display:flex; align-items: center;height:1.5rem;">
          <p
            style="font-size:.8rem;border:1px solid #ccc;width:.8rem;height:0.8rem;text-align:center;line-height:0.8rem"
          >+</p>
          <p
            style="font-size:0.22rem;height:0.8rem;width:100%;line-height:0.8rem;margin-left:0.2rem"
          >请选择收货地址</p>
        </router-link>
      </div>
      <hr />
      <p style="position:absolute;bottom:.2rem;width:100%;padding:0 .15rem;font-size:.24rem;height:.5rem;">
        <span style="font-size:.24rem">价格:</span>
        <span style="margin-left:4.5rem;margin-right:.8rem;font-size:.24rem">咨询</span>
        <span style="font-size:.24rem">立即付款</span>
      </p>
    </div>
  </div>
</template>
<script>
import { Toast } from "vant";
export default {
  data() {
    return {
      fileList: [{ url: "https://img.yzcdn.cn/vant/cat.jpeg" }],
      // show:true
      showList: false
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
  computed: {
    cardType() {
      return this.chosenContactId !== null ? "edit" : "add";
    }
  }
};
</script>
<style scoped>
* {
  margin: 0;
  padding: 0;
}
</style>
